{extend name="pc/common/_base" /}

{block name="title"}星数引擎-星数为来数字化开发引擎{/block}
{block name="keywords"}星数引擎（xsframe）,ThinkPHP通用后台,ThinkPHP框架,Bootstrap后台,Thinkphp小程序,PHP应用市场{/block}
{block name="description"}星数引擎（xsframe）是一款基于ThinkPHP6+Bootstrap开发的快速后台开发框架，目前被广泛应用于各大行业应用后台管理{/block}

{block name="style"}
<style>
    html,body,.content,.main{
        width: 100%;
        height: 100%;
    }
    .experimental {
        width: 100%;
        height: 100%;
        background: url('{$moduleAttachUrl}/static/images/orb.png') top right no-repeat;
        background-size: 671px 680px;
        background-position-x: calc(100% + 0px);
        background-position-y: -140px;
    }

    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, body.layout-case-study .long-text h2, .h4, body.layout-case-study .sidebar h3, .h5, .h6 {
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 500;
        line-height: 1.5;
        color: var(--background-black-color);
    }

    h1 {
        line-height: 1.3;
        font-size: 52px;
    }

    p.large {
        font-size: 20px;
        line-height: 1.5;
    }

    .button-solid, .button-outlined {
        color: #FFFFFF;
        background-color: var(--primary-color);
        border-color: var(--primary-color);

        display: inline-block;
        position: relative;
        width: 250px;
        max-width: 100%;
        height: 50px;
        padding: 11px;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.4;
        text-align: center;
        letter-spacing: 0;
        white-space: nowrap;
        vertical-align: middle;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border-width: 2px;
        border-style: solid;
        border-radius: 3px;
        transition: all 400ms ease;
        user-select: none;
        margin: 9px;
    }

    .button-outlined {
        background-color: transparent;
        color: var(--primary-color);
    }

    .button-solid:hover {
        color: #FFFFFF;
        background-color: var(--primary-light-color);
        border-color: var(--primary-light-color);
    }

    .button-outlined:hover {
        color: #FFFFFF;
        background-color: var(--primary-light-color);
        border-color: var(--primary-light-color);
    }
</style>
{/block}

{block name="main"}

<section class="main">

    <div class="experimental">

        <div class="container">

            <div class="row flex flex-row items-end">

                <div class="col-xs-12 padding-vertical-large self-center">
                    <h1 class="margin-bottom-300 balance">
                        星数为来数字化开发引擎&nbsp;快速构建应用程序&nbsp;模块化开发&nbsp;丰富的应用市场.
                    </h1>
                    <p class="large light-weights margin-bottom-300 text-center-small">
                        免费使用. 无限制下载安装.
                    </p>
                    <div class="molecule button-pair left-align">
                        <div class="row">
                            <div class="button-pair-wrapper text-center-small col-sm-12">
                                <a class="button-solid" href="">下载安装</a>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>

</section>

{/block}

{block name="script"}
<script>

</script>
{/block}